<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
    <input type="date" name="start"/>
    <input type="date" name="end"/>
    <input type="button" value="提交">
</body>
<script type="text/javascript">
    $("input[type=button]").click(function () {
        var indent = {};
        indent.iStart = new Date($("input[name=start]").val());
        indent.iLeave = new Date($("input[name=end]").val());
        indent.iUserName = "Jack";
        indent.iUserPhone = "13549849561";
        indent.iTotal = 128;
        indent.iAmount = 256;
        console.log(indent);
        $.ajax({
            url : "http://localhost:8080/frontend/addIndent",
            type : "GET",
            data : indent,
            success : function(data) {
                alert(data);
            }
        });
    });
</script>
</html>